*{
 -webkit-touch-callout:none; /*系统默认菜单被禁用*/
 -webkit-user-select:none; /*webkit浏览器*/
 -khtml-user-select:none; /*早期浏览器*/
 -moz-user-select:none;/*火狐*/
 -ms-user-select:none; /*IE10*/
 user-select:none;
}
// input{ 
//  -webkit-user-select:auto; /*webkit浏览器*/ 
// }
// textarea{
//  -webkit-user-select:auto; /*webkit浏览器*/
// }
.newShop {

	&_top {
		width: 100%;
		height: 40px;
		padding: 0px 20px;
		display: flex;
		align-items: center;

		.into_index {
			width: 100px;
			height: 28px;
			text-align: center;
			line-height: 28px;
			color: #101010;
			font-size: 14px;
			border: 1px solid #BBBBBB;
			position: relative;
			border-radius: 4px;
			cursor: pointer;

			i {
				top: 7px;
			}
		}

		i {
			position: absolute;
			right: 4px;
			top: 8px;
		}

		.current {
			width: 100px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			background: #409EFF 10000%;
			border: 1px solid #fff;
			position: relative;
			font-size: 14px;
			color: #fff;
			margin-left: 10px;
			border-radius: 4px;
			cursor: pointer;

			&::before {
				content: '';
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				left: 6px;
				top: 10px;
			}
		}
	}

	&_title {
		width: 100%;
		height: 90px;
		background: #F5F5F5;
		padding: 0px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;

		&_left {
			color: #101010;
			font-size: 14px;

			i {
				color: #5692FA;
				font-style: normal;
			}
		}

		&_right {

			&_btn {
				width: 100px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				border-radius: 4px;
				outline: none;
				border: 0 none;
				background: #27B148;
				color: #fff;
				cursor: pointer;
			}
		}
	}

	&_tabs {
		width: 100%;
		height: 720px;
		margin-top: 10px;
		background: #fff;

		&_title {
			width: 100%;
			height: 40px;
			line-height: 40px;
			padding: 0 20px;
			display: flex;
			justify-content: center;
			align-items: center;

			&_information {
				flex: 1;
				height: 100%;
				text-align: center;
				font-size: 14px;
				color: #101010;
				border-bottom: 1px solid rgba(#101010,0.08);
				cursor: pointer;
			}

			&_specifications {
				flex: 1;
				height: 100%;
				text-align: center;
				font-size: 14px;
				color: #101010;
				border-bottom: 1px solid rgba(#101010,0.08);
				cursor: pointer;
			}

			&_details {
				flex: 1;
				height: 100%;
				text-align: center;
				font-size: 14px;
				color: #101010;
				border-bottom: 1px solid rgba(#101010,0.08);
				cursor: pointer;
			}

			.tabs_active {
				border-bottom: 2px solid #7DCBFC;
			}
		}

		.rules {
			color: #F60F32;
		}
		.rules_input {
			border: 1px solid #F60F32;
		}

		// 基本信息
		.newShop_tabs_content_box {
			width: 100%;
			// height: 660px;

			input {
				width: 100%;
				height: 100%;
				outline: none;
				padding-left: 15px;
			}

			.newShop_tabs_content_boxs {
				width: 100%;
				// height: 600px;
				margin-top: 20px;
				overflow: auto;
			}

			.newShop_tabs_content {
				width: 100%;
				// height: 600px;
				display: flex;

				&_left {
					width: 300px;
					// height: 100%;
					padding-top: 20px;
					margin-right: 5px;
					font-size: 16px;
					text-align: center;
					color: #000;
					background: #f8f8f8;
				}

				&_right {
					flex: 1;
					// height: 100%;
					background: #f8f8f8;
					padding: 10px 15px 0px;

					form {
						font-size: 14px;
						color: #101010;

						// 商品名称
						.shopName {
							display: flex;

							&_name {
								width: 80px;
								height: 40px;
								text-align: right;
								margin-right: 30px;
								position: relative;
								line-height: 40px;

								&::after {
									content: '*';
									color: #F60F32;
									position: absolute;
									right: -10px;
									top: 2px;
								}
							}

							&_input {
								width: 600px;
								height: 40px;
								margin-right: 10px;

								&_title {
									color: #F60F32;
								}
							}

							&_unit {
								width: 200px;
								height: 40px;
								display: flex;
								align-items: center;
								position: relative;
								input {
									text-align: center;
									padding-left: 0px;
								}
								.dropdown{
									position: absolute;
									right: 0px;
								}
							}
						}

						// 关键字
						.keyword {
							display: flex;
							margin-top: 30px;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right {

								input {
									width: 300px;
									height: 40px;
								}

								&_title {
									color: #606266;
									margin-top: 10px;
								}
							}
						}

						// 商品类型
						.shoptype {
							margin-top: 30px;
							display: flex;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right {

								&_radio {
									height: 40px;
									line-height: 40px;
								}

								&_title {
									color: #606266;
								}
							}
						}

						// 商品分类
						.classif {
							display: flex;
							margin-top: 30px;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right {
								width: 600px;
								height: 40px;

							}
						}

						// 商品图片
						.shopimg {
							display: flex;
							margin-top: 30px;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
								position: relative;

								&::after {
									content: '*';
									color: #FC4556;
									position: absolute;
									right: -10px;
									top: 2px;
								}
							}

							&_right {
								display: flex;
								align-items: center;
								position: relative;

								&_file {
									width: 80px;
									height: 60px;
									position: absolute;
									right: -80px;
									top: -23px;
									z-index: 2;
									cursor: pointer;
									opacity: 0;
								}

								&_title {
									width: 605px;
									height: 40px;
									line-height: 40px;
									padding-left: 15px;
									color: #010101;
									outline: none;
								}

								.input_No {
									border: 0 none;
									pointer-events: none;
									background-color: #DDD;
								}

								&_btn {
									width: 85px;
									height: 40px;
									line-height: 40px;
									text-align: center;
									color: #fff;
									background: #25A9FB;
									position: absolute;
									right: -80px;
									top: 0px;
									z-index: 1;
								}
							}
						}
						.shopImg{
                            width: 690px;
                            min-height: 110px;
							max-height: 230px;
							overflow-y: auto;
							.shopImgBox{
								position: relative;
								width: 110px;
								height: 110px;
								float: left;
								margin:0 5px 5px 0;
								img{
									width: 110px;
									height: 110px;
								}
								.shopImgDelete{
									position: absolute;
									top: 0;
									left: 0;
									width: 110px;
									height: 110px;
									text-align: center;
									line-height: 110px;
									background-color: rgba(0, 0, 0, 0.5);
									i{color: #fff;font-size: 16px;}
									opacity: 0;
									transition: 0.5s;
								}
							}
							.shopImgBox:hover .shopImgDelete{
								opacity: 1;
							}
							margin:10px 0 0 110px;
						}
						// 商品属性
						.shoptypes {
							display: flex;
							margin-top: 30px;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right {

								.el-checkbox-group {
									height: 40px;
									line-height: 40px;
								}
							}
						}
					}
				}
			}

			// 商品信息
			.newShop_tabs_shopinfo {
				width: 100%;
				height: 600px;
				display: flex;
				margin-top: 20px;

				&_left {
					width: 300px;
					height: 100%;
					padding-top: 20px;
					margin-right: 5px;
					font-size: 16px;
					text-align: center;
					color: #000;
					background: #f8f8f8;
				}

				&_right {
					flex: 1;
					height: 100%;
					background: #f8f8f8;
					padding: 10px 15px 0px;

					form {
						font-size: 14px;
						color: #101010;

						// 商品价格
						.shopprice {
							display: flex;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
								position: relative;

								&::after {
									content: '*';
									color: #FC4556;
									position: absolute;
									right: -10px;
									top: 2px;
								}
							}

							&_right {

								&_box {
									height: 40px;
									display: flex;

									&_title {
										width: 50px;
										text-align: center;
										line-height: 40px;
										color: #606266;
										border: 1px solid rgba(#101010,0.4);

										&:nth-child(3),
										&:nth-child(5) {
											width: 70px;
										}
									}

									input {
										width: 200px;
										border: 1px solid rgba(#101010,0.4);
										border-left: 0 none;
										border-right: 0 none;
									}
								}

								&_title {
									margin-top: 10px;
									color: #606266;
								}

								&_payment {
									margin-top: 30px;
								}
							}
						}

						// 运费设置
						.freight {
							display: flex;
							margin-top: 30px;

							&_left {
								width: 80px;
								height: 40px;
								line-height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right {

								&_top {
									height: 40px;
									line-height: 40px;

									.el-select {
										width: 150px;
										height: 40px;
										margin-left: 30px;

										/deep/.is_focus {
											outline: none;
										}

										/deep/.el-input__inner {
											border: 1px solid rgba(#101010,0.4) !important;
											border-radius: 0px;
										}
									}
								}

								&_bottom {
									height: 40px;
									line-height: 40px;
									margin-top: 30px;
									display: flex;
									align-items: center;

									&_price {
										height: 40px;
										margin-left: 30px;
										display: flex;

										input {
											width: 100px;
											border: 1px solid rgba(#101010,0.4);
											border-right: 0 none;
										}

										&_text {
											width: 50px;
											height: 40px;
											text-align: center;
											line-height: 40px;
											border: 1px solid rgba(#101010,0.4);
										}
									}
								}
							}
						}

						// 上架
						.shelves {
							margin-top: 30px;
							display: flex;

							&_left {
								width: 90px;
								height: 40px;
								text-align: right;
								line-height: 40px;
								margin-right: 20px;
							}

							&_right {
								height: 40px;
								line-height: 40px;
							}
						}
                      .shelves_space{
						  padding-bottom: 108px;
					  }
						// 上架时间
						.shelvesTime {
							margin-top: 30px;
							display: flex;

							&_left {
								width: 80px;
								height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right {
								height: 50px;
								line-height: 40px;
                // .date_picker{
                //   border: 1px solid #606266;
                // }
                .el-input__inner{
                  height: 42px;
                }

								&_title {
									color: #606266;
								}

								/deep/.is-active {
									background: none !important;
								}

								/deep/.el-range-separator {
									width: 7%;
								}
							}
						}

						.isseckill{
							margin-top: 30px;
							display: flex;

							&_left_title{
								width: 80px;
								height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							&_right_cont{
								height: 40px;
								line-height: 40px;
							}
						}
						.seckill_date_range{
							margin-top: 30px;
							display: flex;

							> :first-child{
								width: 80px;
								height: 40px;
								text-align: right;
								margin-right: 30px;
							}

							> :last-child{
								height: 40px;
								line-height: 40px;
							}
							input{
								padding-left: 36px !important;
							}
						}
					}
				}
			}

			.newShop_tabs_content_btn {
				width: 100%;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-top: 1px solid rgba(#101010,0.4);
				margin-top: 10px;

				button {
					width: 70px;
					height: 30px;
					border: 0 none;
					outline: none;
					font-size: 14px;
					cursor: pointer;
				}

				.save {
					color: #fff;
					background: #25A9F8;
				}
			}
		}

		// 规格/库存
		.newShop_specifications {
			width: 100%;

			.ipt_actives {
				pointer-events: none;
				background: #DDDDDD;
				border: 0 none;
				color: #666;
			}

			&_box {
				width: 100%;
				height: 600px;
				display: flex;
				margin-top: 20px;
				overflow: auto;

				&_left {
					width: 300px;
					height: 100%;
					padding-top: 20px;
					margin-right: 5px;
					font-size: 16px;
					text-align: center;
					color: #000;
					background: #f8f8f8;
				}

				&_right {
					flex: 1;
					height: 100%;
					background: #f8f8f8;
					padding: 10px 15px 0px;

					form {

						.coding {
							height: 40px;
							display: flex;

							&_left {
								width: 80px;
								height: 40px;
								text-align: right;
								line-height: 40px;
								font-size: 14px;
							}

							&_right {
								height: 40px;
								margin-left: 30px;
								display: flex;

								.codings {
									width: 50px;
									height: 40px;
									border: 1px solid rgba(#101010,0.4);
									display: flex;
									justify-content: center;
									align-items: center;
									font-size: 14px;
									color: #666;
								}

								.coding_ipt {
									width: 120px;
									height: 40px;
									outline: none;
									text-align: center;
									line-height: 40px;
									border: 1px solid rgba(#101010,0.4);

									&:nth-child(2),
									&:nth-child(4),
									&:nth-child(6){
										border-left: 0 none;
										border-right: 0 none;
									}
								}
							}
						}

						.inventory {
							margin-top: 30px;

							&_box {
								display: flex;

								&_left {
									width: 80px;
									height: 40px;
									text-align: right;
									line-height: 40px;
									font-size: 14px;
								}

								&_right {
									height: 40px;
									margin-left: 30px;
									display: flex;
									align-items: center;

									input {
										height: 40px;
										outline: none;
										text-align: center;
										line-height: 40px;
										border: 1px solid rgba(#101010,0.4);
									}

									.ipt_active {
										pointer-events: none;
										background: #ddd;
										border: 0 none;
										border: 1px solid #ddd;
									}

									&_box {
										display: flex;
										margin-right: 30px;
										font-size: 14px;

										.hidd_ipt {
											width: 20px;
											height: 20px;
											margin-left: 20px;
											margin-right: 20px;
											background: #25A9FB;
											color: #fff;
											font-size: 14px;
											display: flex;
											justify-content: center;
											align-items: center;
											cursor: pointer;
										}

										.hidd_active {
											background: #fff;
											border: 1px solid rgba(#101010,0.4);
										}
									}
								}
							}

							&_title {
								display: flex;

								&_left {
									width: 80px;
								}

								&_right {
									margin-left: 30px;
									margin-top: 10px;
									color: #666;
									font-size: 14px;
								}
							}
						}

						.yesNo {
							margin-top: 30px;

							&_box {
								display: flex;

								&_left {
									width: 80px;
								}

								&_right {
									margin-left: 30px;
									display: flex;
									font-size: 14px;

									&_box {
										width: 20px;
										height: 20px;
										background: #25A9FB;
										display: flex;
										justify-content: center;
										align-items: center;
										color: #fff;
										font-size: 14px;
										cursor: pointer;
										margin-right: 5px;
									}

									.yesNo_active {
										background: #fff;
										border: 1px solid rgba(#101010,0.4);
									}
								}
							}

							&_title {
								display: flex;
								margin-top: 10px;

								&_left {
									width: 80px;
								}

								&_right {
									margin-left: 30px;
									font-size: 14px;
									color: #666;
								}
							}
						}

						.specTitle {
							width: 1100px;
							padding: 10px 0px 10px 20px;
							border: 1px solid #D1E5ED;
							background: #D6EEF8;
							color: #3AB4E6;
							font-size: 14px;
							margin-top: 30px;
							margin-left: 30px;
						}

						.addSpacItem {
							width: 1100px;
							border: 1px solid rgba(#101010,0.4);
							margin-top: 30px;
							margin-left: 30px;
							padding: 10px 5px;

							&_top {

								&_box {
									width: 100%;
									height: 30px;
									display: flex;

									input {
										flex: 1;
										height: 100%;
										outline: none;
										padding-left: 15px;
										color: #666;
										font-size: 14px;
									}

									.addItems {
										width: 100px;
										height: 100%;
										display: flex;
										justify-content: center;
										align-items: center;
										font-size: 12px;
										color: #fff;
										background: #00BEDE;
										cursor: pointer;

										i {
											margin-right: 5px;
										}
									}

									.down {
										width: 40px;
										height: 100%;
										background: #FC4556;
										display: flex;
										justify-content: center;
										align-items: center;
										font-size: 12px;
										color: #fff;
										cursor: pointer;
									}
								}

								&_text {
									font-size: 14px;
									color: #FC4556;
								}
							}

							&_bottom {

								ul {

									li {
										list-style: none;
										height: 50px;
										display: flex;
										align-items: center;
										flex-wrap:wrap;
										overflow: auto;
										margin-right: 30px;
										margin-top: 20px;

										.sku_title{
											display: flex;
											align-items: center;
											margin-right: 20px;
											.addBtn{
												height: 30px;
												width: 50px;
												line-height: 30px;
												font-size: 12px;
												color: #fff;
												background: #00BEDE;
												text-align: center;
												cursor: pointer;
											}
											h5{
												// padding: 0px 10px;
												width: 45px;
												text-align: center;
											}
											input {
												width: 120px;
												height: 30px;
                        border: 1px solid rgba(0, 0, 0, 0.4);
												outline: none;
												padding-left: 15px;
												color: #666;
												font-size: 14px;
											}
											.spec_file {
												width: 30px;
												height: 30px;
												// background-color: red;
												border: 1px solid rgba(#101010,0.4);
												border-right: 0;
												text-align: center;
												line-height: 30px;
												position: relative;
												i{
													size: 12px;
													position: absolute;
													top: 6px;
													left: 6px;

												}
												img {
													width: 20px;
													height: 20px;
													position: absolute;
													left: 4px;
													top: 4px;
												}
												input{
													width: 30px;
													height: 30px;
													position: absolute;
													z-index: 2;
													opacity: 0;
													cursor: pointer;
												}
											}
										}


										.sku_child{
											margin-right: 10px;
											span{
												line-height: 30px;
												height: 30px;
												padding: 0 20px;
												border:  1px solid rgba(#101010,0.4);
												border-right: 0;
											}

											.li_select {
												width: 40px;
												height: 30px;
												border: 1px solid rgba(#101010,0.4);
												border-right: 0 none;
												display: flex;
												justify-content: center;
												align-items: center;
												position: relative;
												img {
													width: 20px;
													height: 20px;
													position: absolute;
													left: 10px;
													top: 4px;
													z-index: 1;
												}
												// .spec_file {
												// 	width: 20px;
												// 	height: 20px;
												// 	position: absolute;
												// 	left: 10px;
												// 	top: 4px;
												// 	z-index: 2;
												// 	opacity: 0;
												// 	cursor: pointer;
												// }
											}

										}


										.li_down {
											width: 30px;
											height: 30px;
											border: 1px solid rgba(#101010,0.4);
											border-right: 0 none;
											text-align: center;
											line-height: 30px;
											cursor: pointer;
										}

										.li_rank {
											width: 30px;
											height: 30px;
											border: 1px solid rgba(#101010,0.4);
											// border-right: 0 none;
											text-align: center;
											line-height: 30px;
											cursor: pointer;
										}
									}
								}
							}
						}

						.refresh {
							margin-top: 30px;
							margin-left: 30px;

							&_btn {
								display: flex;

								button {
									width: 120px;
									height: 35px;
									background: #25A9FB;
									display: flex;
									justify-content: center;
									align-items: center;
									color: #fff;
									font-size: 14px;
									outline: none;
									border: 0 none;
									cursor: pointer;
									margin-right: 10px;
									border-radius: 4px;

									&:last-child {
										width: 160px;
									}
								}

								i {
									margin-right: 5px;
								}
							}

							&_title {
								font-size: 14px;
								color: #FC4556;
								margin-top: 5px;
								// margin-left: 130px;
								margin-left: 0px;
							}
						}

						.detailed {
							width: 1100px;
							margin-top: 30px;
							margin-left: 30px;
							border: 1px solid rgba(#101010,0.4);
							
							.spec_file {
								width: 30px;
								height: 30px;
								// background-color: red;
								border: 1px solid rgba(#101010,0.4);
								// border-right: 0;
								text-align: center;
								line-height: 30px;
								position: relative;
								margin: 0 auto;
								i{
									size: 12px;
									position: absolute;
									top: 6px;
									left: 6px;
									z-index: 1;
								}
								img {
									width: 20px;
									height: 20px;
									position: absolute;
									left: 4px;
									top: 4px;
								}
								input{
									width: 30px;
									height: 30px;
									position: absolute;
									z-index: 3;
									opacity: 0;
									left: 0;
									top: 0;
									cursor: pointer;
								}
							}
							table{
								width: 100%;
								border-collapse: collapse;
								.type{
									width: 8%;
								}
								thead{
									tr{
									width: 100%;
										th{
											width:10%;
											height: 40px;
										}
									}
								}
								tbody{
									width: 100%;
									tr{
										height: 50px;
									}
									td{
										width: 10%;
										height: 25px;
										text-align: center;
									}
								}
								input{
									height: 30px;
									width: 80%;
                  border: 1px solid rgba(0, 0, 0, 0.5);
									text-align: center;
								}
							}



						}
					}
				}
			}

			&_btn {
				width: 100%;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-top: 1px solid rgba(#101010,0.4);
				margin-top: 10px;

				button {
					width: 70px;
					height: 30px;
					border: 0 none;
					outline: none;
					font-size: 14px;
					cursor: pointer;
				}

				.bast {
					background: #fff;
					color: #666;
					border: 1px solid rgb(#101010,0.3);
					margin-right: 20px;
				}

				.save {
					color: #fff;
					background: #25A9F8;
				}
			}
		}

		// 商品详情
		.newShop_details {
			width: 100%;
			height: 660px;

			&_box {
				width: 100%;
				height: 600px;
				margin-top: 20px;
				display: flex;

				&_left {
					width: 300px;
					height: 100%;
					padding-top: 20px;
					margin-right: 5px;
					font-size: 16px;
					text-align: center;
					color: #000;
					background: #f8f8f8;
				}

				&_right {
					flex: 1;
					background: #f8f8f8;
					padding: 10px 15px 0px;

					form {

						.subtitle {
							height: 40px;
							display: flex;

							&_left {
								width: 80px;
								height: 40px;
								text-align: right;
								line-height: 40px;
								font-size: 14px;
							}

							&_right {
								width: 600px;
								height: 40px;
								margin-left: 30px;

								input {
									width: 100%;
									height: 100%;
									outline: none;
									padding-left: 15px;
									font-size: 14px;
								}
							}
						}

						.shorttitle {
							height: 40px;
							display: flex;
							margin-top: 30px;

							&_left {
								width: 80px;
								height: 40px;
								text-align: right;
								line-height: 40px;
								font-size: 14px;
							}

							&_right {
								width: 600px;
								height: 40px;
								margin-left: 30px;

								input {
									width: 100%;
									height: 100%;
									outline: none;
									padding-left: 15px;
									font-size: 14px;
								}
							}
						}
					}
				}
			}

			&_btn {
				width: 100%;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-top: 1px solid rgba(#101010,0.4);
				margin-top: 10px;

				button {
					width: 70px;
					height: 30px;
					border: 0 none;
					outline: none;
					font-size: 14px;
					cursor: pointer;
				}

				.bast {
					background: #fff;
					color: #666;
					border: 1px solid rgb(#101010,0.3);
					margin-right: 20px;
				}

				.save {
					color: #fff;
					background: #25A9F8;
				}
			}
		}
	}
}
.ql-editor {
  min-height: 200px;
  max-height: 360px;
  font-size: 16px;
}
.newShop_tabs .newShop_tabs_content_box input{
  height: 36px;
}

